<%- await include('../../layout/header.ejs') %>
<div class="section-index">
  <div class="project">
    <h1 class="title">
      <img class="logo" src="<%=url('assets/images/logo.png')%>">
      <span class="name"><%=site._project.name%></span>
      <small class="version"><%=site._project.version%></small>
    </h1>
    <h2 class="description"><%=site._project.description%></h2>
    <p class="buttons">
      <%for(const button of site._project.buttons){%>
      <a href="<%=url(button.url)%>" class="btn btn-<%=button.color || 'success'%> btn-lg"><%=button.title%></a>
      <%}%>
    </p>
    <div class="row features">
      <%for(const feature of site._project.features){%>
      <div class="col-sm-<%=12/site._project.columns%> feature">
        <div class="card panel-default">
          <div class="card-header"><%=feature.title%></div>
          <div class="card-body">
            <%=feature.description%>
          </div>
        </div>
      </div>
      <%}%>
    </div>
  </div>
</div>
<%- await include('../../layout/footer.ejs') %>
